@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }

/*banner*/
.ind_banner { width:100%; overflow:hidden; position:relative;}
.ind_ban_bg { position:absolute; width:100%; top:0; left:0; z-index:9999; background:url(../images/ind2_banner_ty.png) repeat-x; height:15px;}
.flexslider{ width:100%;height:auto; position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{ width:100%; height:0; padding-bottom:31.25%; position:relative;z-index:1;}
.slides li{height:auto;}
.slides li a { display:block; width:100%; height:100%; z-index:-9999;}
.slides li a img{ display:block; width:100%; height:auto;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot_1.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_1.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_1.png) center center no-repeat;}
/*banner   end*/

.ind_pro{ width:100%; max-width:1200px; margin:3rem auto;}
.ind_bt{ text-align:center;}
.ind_bt h2{ font-size:2rem; margin-bottom:.5rem;}
.ind_bt p{ font-size:1rem; color:#444;}
.ind_pro_lb{ display:flex; width:80%; margin:1.5rem auto 1rem;}
.ind_pro_lb li{ width:16%; margin:2%;}
.ind_pro_lb li a{ display:flex; width:100%; height:0; padding-bottom:100%; position:relative; border:2px solid #a0a0a0; border-radius:1rem; }
.ind_pro_lb li a p{text-align:center;width:70%; padding:0 15%;height:100%; display:table; position:absolute;   font-size:1.25rem;}
.ind_pro_lb li a p span{display:table-cell;vertical-align:middle; width:80%; }
.ind_pro_lb li a:hover{border:2px solid #ff8a00; color:#ff8a00; }
.ind_pro_new{ width:100%;}
.ind_pro_new li{ width:23%; margin:1%; float:left;}
.ind_pro_img{ width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.ind_pro_img img{ display:block; width:100%; height:100%; position:absolute; transition:.3s;}
.ind_pro_new li p{ width:100%; font-size:1rem; text-align:center; line-height:1.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ind_pro_new li a:hover .ind_pro_img img{transform: scale(1.2); transition:.3s;}
.ind_pro_new .sg_pro_mb{ position:absolute; display:block; width:100%; height:100%; z-index:9; opacity:0; transition:.3s;}
.ind_pro_new li a:hover .ind_pro_img .sg_pro_mb{ opacity:1; transition:.3s; transform: scale(1);}

/*产品中心   end*/

.ind_about{ width:100%; background:url(../images/n_02_1.jpg) no-repeat center; background-size:cover; padding:3rem 0;}
.ind_about_x{ width:100%; max-width:1200px; margin:0 auto;}
.ind_about_nr{ margin-top:2rem; display:flex;}
.ind_about_l{ width:40%;}
.ind_about_r{ width:55%; margin:0 2.5%;}
.ind_about_l p{ display:block; width:100%; height:0; padding-bottom:75%; position:relative; }
.ind_about_l p img{ display:block; width:100%; height:100%; position:absolute;}
.ind_about_r h3{ font-size:1.5rem; line-height:3rem;}
.ind_about_r p{ width:100%; font-size:1.125rem; line-height:2.25rem;}
.ind_about_more{ margin-top:2rem;}
.ind_about_more a{ padding:.5rem 3rem; background:#ff8a00; color:#fff; margin-right:.5rem; border-radius:9rem; }
.ind_about_more a:first-child{ background:#c00;}
/*关于我们   end*/

.ind_anli{ width:100%; padding:3rem 0; background:#f6f6f6;}
.ind_anli_x{ width:100%; max-width:1200px; margin:0 auto;}
.ind_bt0{ text-align:center; padding-bottom:1rem; background:url(../images/ind_24_1.jpg) no-repeat center bottom; font-size:1.875rem; font-weight:bold; margin-bottom:1.5rem; }
.ind_anli_x ul li{ width:30.33%; margin:1.5%; float:left;}
.ind_anli_img{ width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.ind_anli_img img{ display:block; width:100%; height:100%; position:absolute; transition:.3s;}
.ind_anli_x ul li p{ text-align:center; width:100%; font-size:1rem; line-height:1.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_anli_x ul li a:hover .ind_anli_img img{transform: scale(1.2); transition:.3s;}
.ind_more{ width:100%; text-align:center; margin-top:1rem;}
.ind_more a{ padding:.5rem 3rem; border-radius:9rem; font-size:.875rem; background:#ff8a00; color:#fff;}
/*客户案例   end*/

.ind_news{ width:100%; max-width:1200px; margin:3rem auto;}
.ind_news_nr{ display:flex;}
.ind_news_l,.ind_news_r{ width:48%;}
.ind_news_l{ margin-right:4%;}
.ind_news_l .ind_news_img{ width:100%; height:0; padding-bottom:80%; position:relative;}
.ind_news_l .ind_news_img img{ display:block; width:100%; height:100%; position:absolute;}
.ind_news_l h4{ font-size:1.125rem; line-height:1.875rem; margin:.25rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_news_l p{ font-size:.875rem; line-height:1.5rem;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden;}
.ind_news_r ul li{ width:100%;   margin-bottom:1.25rem;}
.ind_news_r ul li a{ display:flex; width:96%; padding:2%; background:#eee;}
.ind_news_z{ width:18%; margin-right:2%; color:#fff; text-align:center; background:#aaa;}
.ind_news_y{ width:80%;}
.ind_news_z div{ width:100%; height:0; padding-bottom:100%; position:relative;}
.ind_news_z div span{ display:block; width:100%; text-align:center; font-weight:bold; font-size:3rem;}
.ind_news_z div p{ font-size:1.125rem;}
.ind_news_y h4{ font-size:1.125rem; line-height:1.875rem; margin:.5rem 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_news_y p{ font-size:.875rem; line-height:1.5rem;word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden;}

.ind_news_r ul li a:hover{ background:#ff8a00; color:#fff;}
.ind_news_r ul li a:hover .ind_news_z{ background:#fff; color:#ff8a00;}
/*新闻中心   end*/


.ind_link{ width:98%; max-width:1200px; margin:0 auto; color:#444; font-size:.875rem; line-height:1.875rem;}
.ind_xxrx{ width:100%; background:#ff8a00; line-height:2.25rem; padding:.5rem 0;}
.ind_xxrx_x{ width:100%; max-width:1200px; margin:0 auto; color:#fff; font-size:1.25rem;}
.ind_xxrx_x div{ float:left;}
.ind_xxrx_x p{ float:right; display:flex;}
.ind_xxrx_x p img{ display:block; width:auto; height:2.25rem; vertical-align:middle; margin-right:.5rem;}
.ind_xxrx_x a{ color:#fff;}

.ind_bottom{ width:100%; background:#1e2e3d; padding:2rem 0 1rem;}
.ind_bottom_x{ width:100%; max-width:1200px; margin:0 auto; display:flex; color:#fff;}
.ind_bottom_x a{ color:#fff;}
.ind_bottom_l{ display:flex; width:35%;}
.ind_bottom_r{width:35%;}
.ind_bottom_c{ width:20%; margin:0 5%;}
.ind_bottom_l_lb{ width:33%; text-align:center; color:#fff;}
.ind_bottom_l_lb div{ font-size:1.25rem; margin-bottom:1.5rem;}
.ind_bottom_l_lb p{ font-size:.875rem; color:#fff; line-height:1.5rem;}
.ind_bottom_c img{ display:block; width:auto; height:auto; max-width:60%; margin:0 auto;}
.ind_bottom_c p{ font-size:.875rem; text-align:center;}
.ind_bottom_r .ind_bottom_cont{ font-size:1.25rem; line-height:3.75rem; background:url(../images/ind_43_1.jpg) no-repeat center right; text-indent:2rem; font-weight:bold; margin-bottom:1rem;}
.ind_bottom_r p{ margin-left:2rem; font-size:.875rem; margin-bottom:.875rem; }
.ind_bottom_r p img{ vertical-align:middle; margin-top:-1px; margin-right:.5rem;}

.ind_bot_bq{ width:100%; background:#0b1924; color:#fff;}
.ind_bot_bq_x{ width:100%; max-width:1200px; margin:0 auto; font-size:.875rem; line-height:2.5rem;}
.ind_bot_bq_x p{ float:left;}
.ind_bot_bq_x div{ float:right;}
.ind_bot_bq_x div a{ color:#fff;}

.m_bot,.m_kong{ display:none;}

/*******************************index   end***********************************/

.n_banner{ width:100%;  }
.n_banner img{ display:block; width:100%;}
.sg_nr{ width:96%; max-width:1200px; margin:1rem auto 3rem;}
.sg_mbxdh{ width:100%; font-size:.875rem;  margin-bottom:1rem;}
.sg_about{ font-size:1rem; line-height:1.875rem;}
.sg_about_0{ margin-bottom:2.5rem;}
.sg_about h2{ font-size:1.875rem;  text-align:center; margin-bottom:1.5rem; }
.sg_about_0 ul li{ width:20%; margin:2.5%; float:left;}
.sg_about_0 ul li div{ width:84%; height:0; padding-bottom:84%; position:relative; margin:0 auto;}
.sg_about_0 ul li div img{ display:block; width:100%; height:100%; position:absolute;}
.sg_about_0 ul li div img:last-child{ opacity:0; transition:.3s;}
.sg_about_0 ul li:hover div img:last-child{ opacity:1; transition:.3s;}
.sg_about_0 ul li h3{ font-size:1.5rem; text-align:center; margin-top:1rem; margin-bottom:.5rem;}
.sg_about_0 ul li p{ font-size:.875rem;}
.sg_gsyj img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}

.n_news{ width:100%; max-width:1200px; margin:0 auto; margin-bottom:1.5rem;}
.n_news_bt{ font-size:1rem; margin-bottom:.5rem; margin-left:1%;}
.n_news_lb{ width:100%; }
.n_news_lb ul li{ width:48%; margin:1%; float:left;}
/*******************************关于我们   end***********************************/
.sg_pro{ clear:both;}
.sg_pro_cp li{ width:30.33%; margin:1.5%;}
.fenlei{ width:100%; margin:2rem auto; padding:0;text-align:center; clear:both;}
.fenlei li{ width:auto;  display:inline-block; _display:inline; *display:inline; zoom:1; margin:0;}
.fenlei li a{ text-align:center; line-height:3rem; display:block; padding:0 2rem; border-bottom:2px solid #e5e5e5; }
.fenlei .fl_sele a{ color:#ff8a00;border-bottom:2px solid #ff8a00; }
.fenlei li a:hover{ color:#ff8a00;border-bottom:2px solid #ff8a00; }

.fenye{ width:100%; text-align:center; font-size:.875rem; line-height:2.5rem; margin:2rem 0;}
.fenye a{ padding:.5rem 1rem; background:#e5e5e5; color:#333; margin:0 .5rem;}
.fenye a>b{ padding:0;}
.fenye b{ padding:.5rem;}
/*******************************产品中心   end***********************************/

.sg_news ul li{ padding-bottom:1rem; border-bottom:1px solid #e5e5e5; margin-bottom:1rem;}
.sg_news ul li a{ color:#666; font-size:1rem; line-height:1.875rem;}
.sg_news_bt{ font-size:1.5rem; margin-bottom:.5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333;}
.sg_news_jj{word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*数字为显示几行*/
    overflow: hidden;}
.sg_news_sj{ display:flex; margin-top:1rem; }
.sg_news_sj img{ vertical-align:middle; margin-top:-1px;}
.sg_news_sj  span{ margin-right:1.5rem; line-height:2rem;}
.sg_news_sj p{ width:7rem; line-height:2rem; font-size:.875rem; border:1px solid #aaa; text-align:center;}
/*******************************新闻中心   end***********************************/


.sg_contact{ width:100%; display:flex;}
.sg_contact_l,.sg_contact_r{ width:48%;}
.sg_contact_l{ margin-right:4%;}
.sg_contact_l h2{ font-size:1.5rem; margin-bottom:1.5rem;}
.sg_contact_l p{ font-size:1rem; line-height:1.875rem;}
.sg_contact_l a{ color:#333; margin-right:.5rem;}
#dituContent{ width:100%; max-width:600px; height:400px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



.news_xq{ width:100%; }
.news_xq_bt{ text-align:center; padding-bottom:.875rem; border-bottom:1px solid #e5e5e5; margin-bottom:1.5rem;}
.news_xq_bt h2{ font-size:1.5rem; margin-bottom:.5rem;}
.news_xq_bt p{ color:#666; font-size:.875rem;}
.news_xq_nr{ font-size:1rem; line-height:1.875rem;}
.news_xq_nr img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.xqy_sxy{ margin-top:3rem; font-size:.875rem; line-height:1.875rem;}
.xqy_sxy div{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.pro_xq_top{ display:flex;}
.pro_xq_r{ width:56%; }
.pro_xq_l{ width:40%; margin-right:4%;}
.pro_xq_l p{ width:100%; height:0; padding-bottom:75%; position:relative;}
.pro_xq_l p img{ display:block; width:100%; height:100%; position:absolute;}
.pro_xq_r_bt{ font-size:2.25rem; margin-bottom:1rem;}
.pro_xq_r p{ font-size:1rem; line-height:1.5rem; margin-bottom:.5rem; }

.pro_xq_r_lx{ display: flex; margin-top:2rem;}
.pro_xq_r_zxzx{ width:10rem; text-align:center; font-size:1rem; line-height:3.25rem; margin-right:2.5rem; }
.pro_xq_r_zxzx a{ display:block; background:#f79646; color:#fff;}
.pro_xq_r_zxrx{ display:flex; height:3.25rem;}
.pro_xq_r_zxrx img{ display:block; width:auto; height:3.25rem; margin-right:.5rem;}
.pro_xq_r_zxrx p{ font-size:1rem; color:#666;}
.pro_xq_r_zxrx p a{ display: block; font-size:1.875rem; line-height:2rem; font-weight:bold; color:#c00;}

.pro_xq_n{ width:100%; margin-top:3rem; font-size:1rem; line-height:1.875rem;}
.pro_xq_nt{ text-align:center; font-size:1.5rem; margin-bottom:1.5rem; }
.pro_xq_nt span{padding-bottom:.5rem; border-bottom:2px solid #ff8a00;}
.pro_xq_n img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.pro_xq_n .ind_anli_x .ind_anli_img img{ display:block; width:100%; height:100%;}

.pro_xq_ntl{ text-align:left;}
.pro_form{ display:flex;}
.pro_form_l{ width:60%; margin-right:5%;}
.pro_form_r{ width:35%;}
.pro_form_r img{ display:block; width:auto; max-width:100%; height:auto;}
.pro_form_xx{ margin-bottom:2rem;}
.pro_form_input{ float:left; width:46%; margin-bottom:1.5rem; margin-right:5%;}
.pro_form_input0{ float:right; margin-right:0; }
.pro_form_input input{ display:block; width:100%; line-height:2.5rem; font-size:1rem; text-indent:1rem;}
.pro_form_textarea{ width:100%; clear:both; margin-bottom:1rem;}
.pro_form_textarea textarea{ width:96%; padding:0 2%;line-height:2.5rem; font-size:1rem;}
.pro_form_input p,.pro_form_textarea p{ font-size:1rem; margin-bottom:.5rem;}
.pro_form_input p span,.pro_form_textarea p span{ color:#c00;}
.pro_form_l form button{ border:none; background:#ff8a00; color:#fff; width:10rem; line-height:2.5rem; text-align:center;}
	/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC   ipad pro*/
@media only screen and (min-width: 992px) and (max-width: 1199px){
	
	
	}
	
	/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media only screen and (min-width: 768px) and (max-width: 991px){
	
	
	}




@media only screen and (max-width: 767px) {
	html,body{ font-size:90%;}
	.n_banner{ display:none;}
	.slides {width: 100%;height: 0;padding-bottom: 31.25%; position: relative; z-index: 1;}
    .slides li a { display: block; width: 160%;height: 100%; z-index: -9999;margin-left: -30%;}
	.ind_pro_lb{ display:block; width:100%;}
	.ind_pro_lb li{ width:29%; margin:2%; float:left;}
	.ind_pro_new li{ width:48%;}
	.ind_about_nr,.ind_news_nr,.ind_bottom_x{ display:block;}
	.ind_about_l,.ind_about_r{ width:96%; margin:2%;}
	.ind_anli_x ul li{ width:97%;}
	.ind_news_l,.ind_news_r{ width:96%; margin:2%;}
	.ind_news_z{ width:28%;}
	.ind_news_y{ width:70%;}
	.ind_xxrx_x{ width:98%; padding:0 1%; font-size:1rem;}
	.ind_bottom_l,.ind_bottom_c,.ind_bottom_r{ width:96%; margin:2%; margin-bottom:1.5rem;}
	.m_bot,.m_kong{ display:block; height:4rem;}
	.m_bot{ position:fixed; bottom:0; left:0; width:100%; text-align:center; line-height:4rem;}
	.m_bot div{ width:33.33%; height:100%; float:left; background:#c00;}
	.m_bot div:first-child{ width:33.34%; background:#ff8a00;}
	.m_bot div:nth-child(2){ background:#003c75;}
	.m_bot div a{ display:block; width:100%; height:100%; color:#fff;}
	.sg_about_0 ul li{ width:45%;}
	.sg_about_0 ul li p{ line-height:1.5rem; height:7.5rem; word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;/*数字为显示几行*/
    overflow: hidden;}
	.n_news_lb ul li{ width:98%;}
	.ind_news_z div p{ position:absolute; bottom:5%; width:100%;}
	.sg_pro_cp{ padding-top:1.5rem;}
	.sg_pro_cp li{ width:47%;}
	.fenye a{ margin:0 .3rem; padding:.5rem;}
	.sg_contact{ display:block;}
	.sg_contact_l,.sg_contact_r{ width:98%; margin:1%;}
	
	.pro_xq_top,.pro_xq_r_lx,.pro_form{ display:block;}
	.pro_form_l,.pro_form_r{ width:98%; margin:1%;}
	.pro_form_input{ width:100%; margin:0; margin-bottom:1rem;}
	
	.pro_xq_l,.pro_xq_r{ width:98%; margin:1%;}
	.pro_xq_r_zxzx{ margin-bottom:1rem;}
	
	}